<template>
  <div class="warp">
    <h1>{{title}}分类</h1>
    <slot></slot>
    <!-- 
      作用域插槽:
        数据在组件中,我们希望把数据传递给组件的使用者,当组件的使用则在传递插槽的时候,要使用组件内的数据

     -->
    <slot name="content" :msg='msg' :count='1' sex='男'></slot>
   
  </div>
</template>

<script>
export default {
name:'Tab',
props:['title'],
data(){
    return{
        msg:['小王','老王','王中王']
    }
}
}
</script>

<style scoped>
.warp{
    width: 250px;
    height: 350px;
    background-color: aquamarine;
}
.warp h1{
    background: pink;
}
</style>